<template>
  <div :class="['banner', { black: black }]">
    <h1>好好学习，天天向上</h1>
    <img src="https://websong.gitee.io/assets/img/bg.2cfdbb33.svg" alt="" />
  </div>
</template>

<script>
export default {
  props: {
    black: {
      type: Boolean,
      default: false,
    },
  },
}
</script>

<style>
.banner {
  text-align: center;
  height: 720px;
  overflow: hidden;
  margin-top: 40px;
  background: #fff;
}
</style>
